<!--<template>-->
<!--  &lt;!&ndash;  <div>&ndash;&gt;-->
<!--  &lt;!&ndash;    <p>Student</p>&ndash;&gt;-->
<!--  &lt;!&ndash;  </div>&ndash;&gt;-->
<!--  <el-container style="height: 500px; border: 1px solid #eee">-->
<!--    <el-aside width="200px" style="background-color: rgb(238, 240, 235)">-->
<!--      <el-menu router :default-openeds="['0', '1', '2']">-->
<!--        <el-submenu index="1">-->
<!--          &lt;!&ndash;        <el-submenu v-for="(item, index) in $router.options.routes." :key="item.name" :index="index+''">&ndash;&gt;-->
<!--          <template slot="title">-->
<!--            <i class="el-icon-menu">-->
<!--              <span>查询</span>-->
<!--            </i>-->
<!--          </template>-->
<!--          <el-menu-item-group>-->
<!--            <template slot="title">-->
<!--              <span>我的课表</span>-->
<!--            </template>-->
<!--          </el-menu-item-group>-->
<!--        </el-submenu>-->
<!--        <el-submenu index="2">-->
<!--          &lt;!&ndash;        <el-submenu v-for="(item, index) in $router.options.routes." :key="item.name" :index="index+''">&ndash;&gt;-->
<!--          <template slot="title">-->
<!--            <i class="el-icon-menu">-->
<!--              <span>选择课程</span>-->
<!--            </i>-->
<!--          </template>-->
<!--          <el-menu-item-group>-->
<!--            <template slot="title">-->
<!--              <span>选课</span>-->
<!--            </template>-->
<!--          </el-menu-item-group>-->
<!--        </el-submenu>-->
<!--        <el-submenu index="3">-->
<!--          &lt;!&ndash;        <el-submenu v-for="(item, index) in $router.options.routes." :key="item.name" :index="index+''">&ndash;&gt;-->
<!--          <template slot="title">-->
<!--            <i class="el-icon-menu">-->
<!--              <span>自助缴费</span>-->
<!--            </i>-->
<!--          </template>-->
<!--          <el-menu-item-group>-->
<!--            <template slot="title">-->
<!--              <span>查询账单信息</span>-->
<!--            </template>-->
<!--          </el-menu-item-group>-->
<!--        </el-submenu>-->
<!--      </el-menu>-->
<!--    </el-aside>-->
<!--  </el-container>-->
<!--</template>-->

<template>
  <el-container style="height: auto; border: 1px solid #5f0ce5">
    <el-aside width="200px" style="background-color: rgb(154,189,246)">
      <el-menu router :default-openeds="['0', '1', '2']">
        <el-submenu v-for="(item,index) in $router.options.routes" :key="index" :index="index+''">
          <template slot="title"><i class="el-icon-menu"></i>{{item.name}}</template>
          <el-menu-item v-for="(item2,index2) in item.children" :key="index2" :index="item2.path+''"
                        :class="$route.path===item2.path?'is-active':''">{{item2.name}}</el-menu-item>
        </el-submenu>
      </el-menu>
    </el-aside>

    <el-main>
      <router-view></router-view>
    </el-main>
  </el-container>
</template>

<script>
export default {
  name: "Student",

  data:function (){
    return {
      show : true,
    }

  }
}
</script>

<style scoped>
.el-header {
  background-color: #B3C0D1;
  color: #333;
  line-height: 60px;
}
.el-aside {
  color: #333;
}
</style>
